<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>就诊模块</title>
    <style>
        a, a:visited{color: limegreen;}
    </style>
</head>
<body>
<h1>就诊模块</h1>
<h3><a href="http://localhost:9006">药品模块</a></h3>
<h3><a href="http://localhost:9007">基础数据模块</a></h3>
<h3><a href="/api/medicine/users">调用药品模块api</a></h3>
<h3><a href="/api/masterdata/users">调用基础数据模块api</a></h3>
<form>
    页码：<input name="pageNum" VALUE="1"><br/>
    条数：<input name="pageSize" VALUE="2"><br/>
    分类：<input name="typeId" VALUE="1"><br/>
    名称：<input name="name" VALUE="化"><br/>
    <button type="button" id="btnSubmit">查询药品</button>
</form>
<div id="data">
    <h4>ajax获取的药品模块分页数据如下</h4>
    <div id="pageInfo"></div>
    <ul id="list"></ul>
</div>
<script src="/js/jquery-1.12.4.js"></script>
<script>
    $(function () {
        $("#btnSubmit").click(function () {
            var data = {
                pageNum:$("[name=pageNum]").val(),
                pageSize:$("[name=pageSize]").val(),
                typeId:$("[name=typeId]").val(),
                name:$("[name=name]").val()
            }
            $.ajax({
                url: 'api/getMedicines/findBy',
                data: data,
                type: 'get',
                dataType: 'json',
                success: function (result) {
                    result = result.responseBody;
                    $("#pageInfo").html("总记录数：" + result.total + ",总页数：" + result.pages + ",当前页:" + result.pageNum);
                    $("#list").html("");
                    $.each(result.list,function(i, item) {
                        $("#list").append("<li>"+JSON.stringify(item)+"</li>");
                    });
                },
                error: function(xhr) {
                    console.log(xhr);
                    alert('加载数据错误');
                }
            })
        });

    })
</script>
</body>
</html>